<html>
	<body>
		<div id="root"></div>

		<script type="text/babel" data-type="module">
			import * as React from '/react.js'
			import { createRoot } from '/react-dom/client.js'

			const rootElement = document.getElementById('root')

			const element = (
				<div className="container">
					{/* 💡 TIP: this is how you do comments inside JSX elements! */}
					{/* 🐨 put a paragraph tag with the contents "Here's Sam's favorite food:" */}
					{/* 🐨 add a ul with the class "sams-food" */}
					{/* 🐨 add li elements for "Green eggs" and "Ham" */}
				</div>
			)

			createRoot(rootElement).render(element)
		</script>

		<script type="module" src="/babel-standalone.js"></script>

		<!-- this is here to add automatic browser reloading as you save your work -->
		<script type="module" src="epic_ws.js"></script>
	</body>
</html>
